<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: rgb(18 18 18 / 1);
  color: white;
}

/* 定义滚动条的宽度和背景颜色 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

/* 定义滚动条轨道的样式 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/* 定义滑块的样式 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #555;
}

.custom-dialog {
  /*background: #004bf4;*/
  /*background: #C0C0C0;*/
  border:1px solid #004bf4 !important;
}

.custom-dialog .el-dialog__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #004bf4 !important;
  /*height: 6vh !important;*/
}
.custom-dialog .el-dialog__title {
  /*font-size: 1.4vw !important;*/
}
.custom-dialog .el-dialog__title {
  color: white !important;
}
.custom-dialog .el-dialog__close {
  color: white !important;
  /*font-size: 1.4vw !important;*/
}
/*.custom-dialog .el-dialog__body {
  background: #EDEDED !important;
}
.custom-dialog .el-dialog__footer {
  background: #EDEDED !important;
}*/
/*.custom-dialog .el-dialog__headerbtn {
  position: unset !important;
}*/

/*.custom-drawer {
  background-color: #EDEDED !important;
}*/

.custom-drawer .el-drawer__header {
  background-color: #004bf4 !important;
  color: white !important;
  height: 8vh !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin-bottom: 0 !important;
  font-size: 1.4vw !important;
}
.custom-drawer .el-dialog__close {
  font-size: 1.4vw !important;
}

/*#9a9da2*/
.custom-timeline .el-timeline-item__node {
  background-color: #909399 !important;
}

.custom-timeline .el-timeline-item__tail {
  border-left-color: #909399 !important;
}

.custom-btn-primary {
  background-color: #004bf4 !important;
  border-color: #004bf4 !important;
  color: white !important;
}

.custom-btn-primary:hover {
  opacity: 0.8;
}

.custom-btn-cancel {
  background-color: #FF822B !important;
  border-color: #FF822B !important;
  color: white !important;
}

.custom-btn-cancel:hover {
  opacity: 0.8;
}

.custom-confirm {
  border: 1px solid #004bf4 !important;
}
.custom-confirm .el-message-box__header {
  /*display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;*/
  background: #004bf4 !important;
  /*height: 6vh !important;*/
}
.custom-confirm .el-message-box__title {
  color: white !important;
  /*font-size: 1.4vw !important;*/
}
.custom-confirm .el-message-box__close {
  color: white !important;
  /*font-size: 1.4vw !important;*/
}
/*.custom-confirm .el-message-box__headerbtn {
  position: unset !important;
}*/

.el-dialog__wrapper .el-dialog {
  max-height: calc(100vh - 210px);
  overflow: auto; /* 添加滚动条 */
}
.el-dialog__header {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 10;
}

.base-font-size {
  font-size: 0.8vw !important;
  line-height: 3vh;
}
.base-table-row-class {
  height: 3vh;
}
.base-table-row-class .cell {
  line-height: 2vh;
}

.custom-input {
  height: 3vh !important;
  width: 20vw !important;
}
.custom-input .el-input__icon {
  font-size: 0.8vw !important;
}
.custom-input .el-range-input {
  font-size: 0.8vw !important;
}

.custom-table-column-center {
  text-align: center !important;
}
</style>
